<template>
  <div class="loading">
    <div class="loadimg">
      <h1>{{msgs}}</h1>
    </div>
  </div>
</template>
<script>
export default {
  name: "Loading", // 定义的组件名称 使用时写法：loading
  props:['msg'],
  data(){
    return{
      msgs:this.msg
    }
  }
};
</script>
<style lang="scss">
@import url(../../static/css/reset.css);
.loading {
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  position:fixed;
  top: 40px;
  left: 0;
  background: #000;
  .loadimg{
    width: 230px;
    height: 100px;
    padding-top: 35vh;
    background-color: rgb(17, 14, 14);
     margin: 0 auto;
    h1{
      color: aliceblue;
      text-align: center;
      display: block;
      width: 230px;
      height: 100px;
    }
  }
}
</style>
    